<div id="jobInfo">
  <!--   代码{{ $t('jobInfo.bj') }}器样式引用开始   -->
  <link rel="stylesheet" href="libs/codemirror/lib/codemirror.css">
  <link rel="stylesheet" href="libs/codemirror/addon/hint/show-hint.css">
  <link rel="stylesheet" href="libs/codemirror/theme/3024-night.css">
  <link rel="stylesheet" type="text/css" href="custom/widgets/css/cronEditor.css" />
  <!--   代码{{ $t('jobInfo.bj') }}器样式引用结束   -->
  <!--列表区域-->
  <yu-panel :title="$t('jobInfo.rwgl')" :hide-filter="false">
    <template slot="filter">
      <!--列表查询区域-->
      <yu-xform v-model="formdata" related-table-name="jobInfoTable" form-type="search">
        <yu-xform-group :column="4">
          <yu-xform-item :label="$t('jobInfo.zxq')" :placeholder="$t('jobInfo.zxq')" ctype="select" name="jobGroup"
            :options="groupOptions"></yu-xform-item>
          <yu-xform-item :label="$t('jobInfo.rwmc')" :placeholder="$t('jobInfo.rwmc')" ctype="input" name="jobDesc">
          </yu-xform-item>
        </yu-xform-group>
      </yu-xform>
    </template>
    <!--列表按钮区域-->
    <template slot="right">
      <yu-button-drop :show-length="4">
        <el-button @click="addFn" v-if="addButton">{{ $t('jobInfo.xzrw') }}</el-button>
        <el-button @click="modifyFn" v-if="modifyButton">{{ $t('jobInfo.bj') }}</el-button>
        <el-button @click="deleteFn" v-if="deleteButton">{{ $t('jobInfo.sc') }}</el-button>
        <el-button @click="triggerFn" v-if="triggerButton">{{ $t('jobInfo.zx') }}</el-button>
        <el-button @click="suspendFn" v-if="suspendButton">{{ $t('jobInfo.zant') }}</el-button>
        <el-button @click="recoveryFn" v-if="recoveryButton">{{ $t('jobInfo.hf') }}</el-button>
        <el-button @click="openLogFn" v-if="openLogButton">{{ $t('jobInfo.rz') }}</el-button>
        <el-button @click="openCodeEditFn" v-if="openCodeEditButton">GLUE</el-button>
      </yu-button-drop>
    </template>
    <!--主列表-->
    <el-table-x ref="jobInfoTable" :max-height="height - 140" :radiobox="true" :data-url="jobInfoTableUrl"
      :table-columns="tableColumns" @custom-detail-click="infoFn">
    </el-table-x>
  </yu-panel>
  <!--新增修改维护面板-->
  <el-dialog-x :center="true" :title="viewTitle[viewType]" :visible.sync="dialogVisible" width="1000px">
    <el-form-x ref="jobInfoForm" :group-fields="updateFields" :buttons="updateButtons" :disabled="formDisabled"
      label-width="120px"></el-form-x>
  </el-dialog-x>
  <!--代码{{ $t('jobInfo.bj') }}器-->
  <el-dialog-x :center="true" :visible.sync="editCodeDialogFormVisible" height="500px" width="1200px" @close="closeFn">
    <el-form ref="ideEditorForm" v-model="ideEditor" :inline="true">
      <el-form-item :label="$t('jobInfo.lsbb')">
        <el-select v-model="ideEditor.thisSelectedCodeVersion" :placeholder="$t('jobInfo.qxz')"
          @change="codeVersionChanged()" width="100px">
          <el-option v-for="item in ideEditor.codeVersionOptions" :key="item.value" :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <textarea ref="ideEditor" v-model="ideEditor.glueSource">
		    </textarea>
      <el-form-item :label="$t('jobInfo.dmbz')">
        <el-input v-model="ideEditor.glueRemark" :placeholder="$t('jobInfo.qsrdmbzxx')"></el-input>
      </el-form-item>
      <el-button type="primary" @click="saveNewCode()">{{ $t('jobInfo.bc') }}</el-button>
    </el-form>
  </el-dialog-x>
</div>
<style type="text/css">
  .CodeMirror {
    font-size: 16px;
    width: 100%;
    height: 100%;
    /*bottom: 0;
        top: 0px;*/
    position: absolute;
  }
</style>